/**
 * Default CSS for Celebrio Weather
 *
 * @copyright  Copyright (c) 2011 Celebrio Software
 * @package    CelebrioWeather
*/

/* less doesn't know absolute links and rgba colours, but it has Ladenka :P */

/*variables*/
@text: #FFFFFF;
@alpha: 0.8;
@corp_dark_grey: rgba(51,51,51,@alpha);
@corp_light_grey: rgba(224,224,224,@alpha);
@base_path: "/albireo/AlbireoIS/document_root";
/*functions*/
.padding_margin_clearer() {padding:0px;margin:0px;}
.text_font() {font-size:20pt;.regular_font;}
.regular_font() {font-family:XXIISinozDSPRegular "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
.bold_font() {font-family:XXIISinozDSPMedium "Trebuchet MS", "Geneva CE", lucida, sans-serif;}

/*main*/
html, body {.padding_margin_clearer;background:url("@{base_path}/images/seniors/wall.jpg");}
input, label, textarea, option, checkbox, select, legend, button, p {font-size:1.5em;}
input {border:solid 1px #000;padding:5px;}
.cleaner {visibility:hidden;clear:both;}
.undisplayed {display:none;}
.celebrioweatherapp {.bold_font();text-align:left;width:100%;color:@text;}
/*.celebrioweatherapp_contents {margin:-10px -8px 0px -10px;padding:20px 30px;}*/
.celebrioweatherapp h1 {padding:10px 0px 0px 20px;/*background:@corp_light_grey;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
    -moz-box-shadow:4px 4px 5px @corp_dark_grey;-webkit-box-shadow:4px 4px 5px @corp_dark_grey;box-shadow:4px 4px 5px @corp_dark_grey;font-weight: normal;font-size:35pt;display:block;padding:5px 5px 5px 20px;margin:5px;*/}
.celebrioweatherapp h2 {.regular_font;font-weight: normal;font-size:3em;margin:10px 0px 0px 0px;}
.celebrioweatherapp_block {background:@corp_dark_grey; width: 310px; height: 390px; float:left; padding:0px 0px 0px 21.2px; margin:10% 0px 0px 50px; -moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;
    /*-moz-box-shadow:4px 4px 5px @corp_dark_grey;-webkit-box-shadow:4px 4px 5px @corp_dark_grey;box-shadow:4px 4px 5px @corp_dark_grey;*/}
.celebrioweatherapp_block img {width:290px;height:170px;padding-bottom: 10px;}
.celebrioweatherapp_block span {display:block;}
.celebrioweatherapp_c_temp {clear:left;font-size:7em;position:relative;padding-right:8px;.regular_font;text-align:right;}
.celebrioweatherapp_c_text {display:block;.text_font;}
.celebrioweatherapp_high {font-size:30pt;}
.celebrioweatherapp_low {.text_font;}
.celebrioweatherapp_text {.text_font;}
.celebrioweatherapp_footer {background:@corp_light_grey;margin:20px 12px 0px 218px;height:72px;text-align:center;
    -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;.regular_font;}
.celebrioweatherapp_footer p {position:relative;top:15px;font-size:10pt;}

#progressBarParent {padding:30px 10px;}

/*.celebrioweatherapp_header {background:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
    -moz-box-shadow:4px 4px 5px @corp_dark_grey;-webkit-box-shadow:4px 4px 5px @corp_dark_grey;box-shadow:4px 4px 5px @corp_dark_grey;text-align: right;}*/
.celebrioweatherapp_header_left {width:400px; height:80px; font-size:2em; vertical-align:text-bottom;}
/*.celebrioweatherapp_header_left h1 {background:#fff;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;
    -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;font-weight: normal;font-size:35pt;display:block;padding:5px 5px 5px 20px;margin:5px;}*/
.celebrioweatherapp_header_right {padding: 15px 110px 0 0; text-align:right;}
.celebrioweatherapp_cb {clear: both;}
#celebrioweatherapp_cityFinder {width:540px;float:right;}
#celebrioweatherapp_cityFinder form {float:right;}
#celebrioweatherapp_cityFinder input {float:left;margin:5px;}
#celebrioweatherapp_cityFinder input[type=submit] {margin-top:2px;}
.celebrioweatherapp_cityNotFound {height: 20px;}